﻿<Window x:Class="CapstoneProjectAEReader.GUIs.TranslationGUI.Translation"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Height="450" Width="600" ResizeMode="NoResize"
        Title="Google Translate" Icon="pack://application:,,,/GoogleTranslate.ico">
    <Grid>
        <Grid.Background>
            <LinearGradientBrush StartPoint="0,0.5" EndPoint="1,0.5">
                <GradientStop Color="AliceBlue" Offset="0" />
                <GradientStop Color="WhiteSmoke" Offset="0.5" />
                <GradientStop Color="AliceBlue" Offset="1" />
            </LinearGradientBrush>
        </Grid.Background>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="100" />
            <ColumnDefinition Width="*" />
        </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="8" />
            <RowDefinition Height="*" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="*" />
            <RowDefinition Height="auto" />
            <RowDefinition Height="50" />
        </Grid.RowDefinitions>
        <Label x:Name="lbTranslateTitle" Grid.Column="0" Grid.Row="1" Margin="0,8,0,0" Grid.ColumnSpan="2" />
        <TextBox x:Name="txtSelectedText" TextWrapping="Wrap" Grid.Column="2" Grid.Row="1"
                 VerticalScrollBarVisibility="Visible" Margin="8,0,10,0" />
        <Grid Grid.Row="2" Grid.ColumnSpan="2" Margin="8">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*" />
                <ColumnDefinition Width="*" />
            </Grid.ColumnDefinitions>
            <Grid.RowDefinitions>
                <RowDefinition Height="auto" />
                <RowDefinition Height="auto" />
            </Grid.RowDefinitions>
            <Label x:Name="lbFrom" Height="28" HorizontalAlignment="Right" Grid.Column="0" Grid.Row="0" />
            <ComboBox x:Name="cbSourceLanguage" Width="140" HorizontalAlignment="Left" Height="20" Grid.Column="1"
                      Grid.Row="0">
                <ComboBoxItem Content="English" IsSelected="True"></ComboBoxItem>
                <ComboBoxItem Content="Vietnamese"></ComboBoxItem>
                <ComboBoxItem Content="Japanese"></ComboBoxItem>
            </ComboBox>
            <Label x:Name="lbTo" Height="28" HorizontalContentAlignment="Right" Grid.Column="0" Grid.Row="1" />
            <ComboBox x:Name="cbTargetLanguage" Width="140" HorizontalAlignment="Left" Height="20" Grid.Column="1"
                      Grid.Row="1">
                <ComboBoxItem Content="English"></ComboBoxItem>
                <ComboBoxItem Content="Vietnamese" IsSelected="True"></ComboBoxItem>
                <ComboBoxItem Content="Japanese"></ComboBoxItem>
            </ComboBox>
        </Grid>

        <Label x:Name="lbResultTitle" Grid.Column="0" Grid.Row="3" Grid.ColumnSpan="2" />
        <TextBox x:Name="txtTranslatedText" TextWrapping="Wrap" Grid.Column="1" Grid.Row="3"
                 VerticalScrollBarVisibility="Visible" Margin="8,0,10,0" />
        <Label Content="Powered by Google." HorizontalAlignment="Right" Grid.Row="4" Grid.ColumnSpan="2"
               Margin="2,2,16,2" />
        <StackPanel Orientation="Horizontal" Grid.Row="5" HorizontalAlignment="Center" Grid.ColumnSpan="2">
            <Button x:Name="btAddNote" Background="Transparent" BorderThickness="0" Height="28" Margin="4"
                    Click="HandleBtAddNote">
                <Grid>
                    <Image Height="24">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="Images/translateButton.png" />
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsMouseOver, ElementName=btAddNote}" Value="True">
                                        <Setter Property="Source" Value="Images/translateButtonHover.png" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <Label x:Name="lbAddNote" HorizontalAlignment="Center" />
                </Grid>
            </Button>
            <Button x:Name="btTranslate" Background="Transparent" BorderThickness="0" Height="28" Margin="4"
                    Click="btTranslate_Click">
                <Grid>
                    <Image Height="24">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="Images/translateButton.png" />
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsMouseOver, ElementName=btTranslate}" Value="True">
                                        <Setter Property="Source" Value="Images/translateButtonHover.png" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <Label x:Name="lbTranslation" HorizontalAlignment="Center" />
                </Grid>
            </Button>
            <Button x:Name="btClose" Background="Transparent" BorderThickness="0" Height="28" Margin="4"
                    Click="HandleBtClose">
                <Grid>
                    <Image Height="24">
                        <Image.Style>
                            <Style TargetType="{x:Type Image}">
                                <Setter Property="Source" Value="Images/translateButton.png" />
                                <Style.Triggers>
                                    <DataTrigger Binding="{Binding IsMouseOver, ElementName=btClose}" Value="True">
                                        <Setter Property="Source" Value="Images/translateButtonHover.png" />
                                    </DataTrigger>
                                </Style.Triggers>
                            </Style>
                        </Image.Style>
                    </Image>
                    <Label x:Name="lbCancel" HorizontalAlignment="Center" />
                </Grid>
            </Button>
        </StackPanel>
    </Grid>
</Window>